<template>
  <div>
    <div class="list-container">
      <div class="sortList">
        <a href="##">
          <img src="./images/bt.jpg" alt="" />
        </a>
      </div>
      <div class="specialSaleList">
        <div class="specialSale">
          <a href="##">
            <img src="./images/3.jpg" alt="" />
          </a>
        </div>
        <div class="specialSale_img"> 
            <a href="##">
            <img src="./images/12.jpg" alt="" />
          </a>
          <a href="##">
            <img src="./images/qq.jpg" alt="" />
          </a>
          <a href="##">
            <img src="./images/qw.jpg" alt="" />
          </a>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "ListContainer",
};
</script>

<style lang="less" scoped>
.list-container {
  // height: 1650px;

  margin-top: 2px;
  background-image: url(images/19.jpg);
  background-repeat: no-repeat;
  .sortList {
    width: 1200px;
    margin: 0 auto;
    a {
      display: block;
      img {
        width: 1146px;
        height: 400px;
        margin-top: 45px;
        margin-left: 30px;
      }
    }
  }
  .specialSaleList{
     width: 1200px;
      margin: 0 auto;
      .specialSale {

        a {
          // height: 00px;
          display: block;
          // img {
          //   // height: 200px;
          // }
        }
      }

    .specialSale_img{
      display: flex;
      // width: 1200px;
      // height: 500px;
      // background-color: mistyrose;
    justify-content:space-between;
    // margin-top: 40px;
      a{
        display: block;

      }

    }



} 
}
</style>
